// import Todo from '@/views/todo/todo.vue'

export default [
  {
    path: '/',
    redirect: '/app'
  },
  {
    name: 'app',
    path: '/app',
    // props: true, // 会自动将params注入到组件的props中（需要在组件的props中声明）
    // props: {
    //   id: 456
    // },
    // props: () => ({
    //   id: route.query.b
    // }),
    // component: Todo,
    component: () =>
      import(/* webpackChunkName: "todo" */ '@/views/todo/todo.vue'), // 安装 babel-plugin-syntax-dynamic-import
    // 一个路由里面有两个router-view,可以给router-view加name属性
    // component: {
    //   default: Todo,
    //   a: Test
    // },
    meta: {
      title: 'todo',
      description: 'dfdfd'
    },
    // children: [
    //   {
    //     path: 'test',
    //     component: Test
    //   }
    // ]
    beforeEnter: (to, from, next) => {
      console.log('beforeEnter')
      next()
    }
  }
]
